<!DOCTYPE html>
<html>
    <head>
        <script src="vue.js"></script>
    </head>
    <body>
        <div id="app">
            <!--为button按钮绑定click事件-->
            <button @click="showInfo">请单击</button>
            <p>{{msg}}</p>
        </div>
        <script>
            var vm = new Vue({
                el:'#app',
                data:{
                    msg:''
                },
                methods:{
                    //定义事件处理方法 showInfo
                    showInfo :function(){
                        //this.msg = '按钮已被单击';
                        thi.$data.msg = "这是通过data赋值";
                    }
                }
            })
        </script>
    </body>
</html>